//加载完成执行这个函数
loadInfo();

//搜索功能
$("#searchCondition").click(function () {
    loadInfo();
})

//分页功能
function nav_page(pageNo) {
    console.log(pageNo);
    //把pageNo的值给到谁？
    $("#pageNo").val(pageNo);

    //调用这个加载的方法，重新加载数据
    loadInfo();
}

//发送ajax请求,像后台请求数据
function loadInfo() {
    $.ajax({
        url:"/emp/list",
        data:$("#searchForm").serialize(), //发送到后台的数据
        success:function (data) {
//后台传递过来的数据
            console.log(data);

//加载数据之前先清空一下之前的数据
            $("#empContent tr").remove();

            var emps = data.list; //获取员工数组信息

            var trs = "";

//遍历数组
            for(var i = 0 ; i < emps.length; i++){
//创建一个完成的行
                trs += "<tr>";

                trs += "<td>"+emps[i].empno+"</td>";
                trs += "<td>"+emps[i].ename+"</td>";
                trs += "<td>"+emps[i].job+"</td>";
                trs += "<td>"+emps[i].hiredate+"</td>";
                trs += "<td>"+emps[i].sal+"</td>";
                trs += "<td>"+emps[i].comm+"</td>";
                trs += "<td>"+emps[i].dept.dname+"</td>";

                trs += "<td style='width: 150px;'>";
                trs += '<a href="#"><span class="glyphicon glyphicon-list-alt"></span></a>&emsp;';
                trs += '<a href="#"><span class="glyphicon glyphicon-upload"></span></a>&emsp;';
                trs += '<a href="#"><span class="glyphicon glyphicon-remove"></span></a>';
                trs += "</td>";

                trs +="</tr>";
            }

//把数据放入到tbody里面去
            $("#empContent").append(trs);

//清空分页按钮
            $("#page button").remove();

//生成分页按钮
            var pages = "";
            if(data.pageNum > 1){
                pages += '<button type="button" class="btn btn-default" onclick="nav_page(1)">首页</button>';
                pages += '<button type="button" class="btn btn-default" onclick="nav_page('+(data.pageNum-1)+')">上一页</button>';
            }
            if(data.pageNum < data.pages){ //当前页小于最大也
                pages += '<button type="button" class="btn btn-default" onclick="nav_page('+(data.pageNum+1)+')">下一页</button>';
                pages += '<button type="button" class="btn btn-default" onclick="nav_page('+data.pages+')">尾页</button>';
            }
            pages +="<span>"+data.pageNum/data.pages页+"</span>"
//把生成的分页按钮添加到页面中
            $("#page").append(pages)
        }
    })
}
